|
vue⼤数据渲染_VueDataV⼤数据可视化模板VueBigScreen vue-big-screen 基于 vue+datav+echart 框架构建的可视化数据⼤屏项⽬，star⾼达1.1K+。提供数据动态渲染、屏幕⾃适应、内部图表 ⾃由替换等功能。 ⽬录结构 安装使⽤ 更换边框 边框是使⽤了 DataV ⾃带的组件，只需要去 views ⽬录下去寻找对应的位置去查找并替换就可以，具体的种类请去 DavaV 官⽹查看。 更换图表 直接进⼊ components/echart 下的⽂件修改成你要的 echarts 模样，可以去echarts 官⽅社区⾥⾯查看案例。 屏幕适配配置 本项⽬借助了 flexible 插件，通过改变 rem 的值来进⾏适配，原设计为 1920px。 ，适配区间为：1366px ~ 2560px，本项⽬有根据 实际情况进⾏源⽂件的更改，⼩屏幕(如:宽为 1366px)。// flexible⽂件位置: `common/flexible.js`,修改部分如下function refreshRem() { var width = docEl.getBoundingClientRect().width; // 最⼩1366px，最⼤适配2560px if (width / dpr < 1366) { width = 1366 * dpr; } else if (width / dpr > 2560) { width = 2560 * dpr; } // 原项⽬是1920px我设置成24等份，这样1rem就是 80px var rem = width / 24; docEl.style.fontSize = rem + 'px'; flexible.rem = win.rem = rem;} 以上就是对这个Vue⼤屏项⽬的简单介绍，如果你想看到更详细的⽂档，那就点击下⾯的链接去看看吧！ ok，就分享到这⾥。希望对⼤家有所帮助，喜欢的话可以去看下哈~
|